<div class="col-md-2 navshadow" id="left_side">
    <!-- sidebar -->
    <div class="nav nav-sidebar" style="padding-top: 80px" >
        <div class="image">
            <img src="<?php echo base_url("public/images/maps-pointer.png"); ?>" alt="logo_image" width="150px" height="150px" class="img-circle">
        </div>
        <!-- form search -->
        <form action="map" method="post" accept-charset="utf-8" onchange="showMarker(optionTypes.value, optionDistricts.value)">
            <center><h4>Chọn loại trung tâm</h4>
                <select name="optionTypes" style="width: 100%; height: 25px;" >
                    <option value="all">Tất cả</option>
                    <?php foreach ($typeCenters as $key): ?>
                        <option value="<?php echo $key['id_type_center']; ?>"><?php echo $key['name_type'] ?></option>";
                    <?php endforeach ?>
                </select>
                <h4>Chọn quận</h4>
                <select name="optionDistricts" style="width: 100%; height: 25px;">
                    <option value="all">Tất cả</option>
                    <option value="1">Quận 1</option>
                    <option value="2">Quận 2</option>
                    <option value="3">Quận 3</option>
                    <option value="4">Quận 4</option>
                    <option value="5">Quận 5</option>
                    <option value="6">Quận 6</option>
                    <option value="7">Quận 7</option>
                    <option value="8">Quận 8</option>
                    <option value="9">Quận 9</option>
                    <option value="10">Quận 10</option>
                    <option value="11">Quận 11</option>
                    <option value="12">Quận 12</option>
                    <option value="Thủ Đức">Quận Thủ Đức</option>
                    <option value="Gò Vấp">Quận Gò Vấp</option>
                    <option value="Bình Thạnh">Quận Bình Thạnh</option>
                    <option value="Tân Bình">Quận Tân Bình</option>
                    <option value="Tân Phú">Quận Tân Phú</option>
                    <option value="Phú Nhuận">Quận Phú Nhuận</option>
                    <option value="Bình Tân">Quận Bình Tân</option>
                    <option value="Củ Chi">Huyện Củ Chi </option>
                    <option value="Hóc Môn">Huyện Hóc Môn</option>
                    <option value="Nhà Bè">Huyện Nhà Bè</option>
                    <option value="Cần Giờ">Huyện Cần Giờ </option>
                    <option value="Bình Chánh">Huyện Bình Chánh</option>
                </select>
                <!--<button id="submit_search" type="submit" class="btn" style="margin-top: 1%;">Search<span class="btn-search icon-search"></span></button>-->
            </center>
        </form>
        <!-- end form search -->
    </div>
    <!-- end sidebar -->
</div>
<div class="col-md-10" id="right_side"> 
    <div class="breadcrumbs" style=" margin-bottom: 2%;">
        <ul>
            <li><a href="<?php echo base_url("index.php/website/home"); ?>"><span class="glyphicon glyphicon-home"></span> Home</a></li>
            <li><a href="<?php echo current_url(); ?>"><span class="glyphicon glyphicon-file"></span>Tìm kiếm trung tâm</a></li>
        </ul>
    </div>
    <div class="row highlight">
        <!-- ket qua tra ve -->
        <div >
            <div class="row">
                <form id="searchform" class="navbar-form navbar-right">
                    <div class="input-group" >
                        <input type="text" class="form-control" placeholder="Khoanh vùng địa điểm" name="txtSearch" id="txtSearch">
                        <div class="loading" id="loading"></div>
                        <div class="input-group-btn">
                            <button class="btn btn-default" type="button"><i class="glyphicon glyphicon-search"></i></button>
                        </div>
                    </div>
                    <div class="search-result" id="search-result">

                    </div>
                </form>

            </div>
            <div id="notify" class="row">
                
            </div>
            <div id="map" class="row highlight">
                <?php echo $map['html']; ?>
                <?php echo $map['js']; ?>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function() {
        $('#left_side').height($('#right_side').height());
    }),
        $('.bottom-right').notify({
        message: {text: "Hệ thống tìm được địa điểm "}
    }).show();

</script>